.box-shadow {
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
}

.is-hover {
  &:hover {
    background: #e6f7ff;
    cursor: pointer;
  }
}

// 单行文本 超出隐藏
.text-ellipsis {
  overflow: hidden; //超出的文本隐藏
  text-overflow: ellipsis; //溢出用省略号显示
  white-space: nowrap;
}

// 多行文本超出隐藏
.many-ellipsis (@row: 2) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @row;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

// 滚动条
.scroll-bar(@w: 6px, @h: 6px, @bg: rgba(144, 147, 153, 0.3), @color: transparent) {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;

  &::-webkit-scrollbar {
    width: @w;
    height: @h;
  }

  &::-webkit-scrollbar-thumb {
    background-color: @bg;
    border-radius: 6px;
  }

  &::-webkit-scrollbar-track {
    background-color: @color;
    border-radius: 6px;
  }
}